<template>
  <el-dialog style="width: 1000px;height: 800px;" :title="'个人详情'" v-model="visible" :close-on-click-modal="false"
    draggable>
    <schedule-calendar ref="childRef" :username="username" />
  </el-dialog>
</template>

<script setup lang="ts" name="UserClassesDetailDialog">
const ScheduleCalendar = defineAsyncComponent(() => import('./schedule/calendar.vue'));

const emit = defineEmits(['refresh']);
const username = ref('');
const change = ref();
const childRef = ref()
// 定义变量内容
const visible = ref(false)

const changes = () => {
  change.value = new Date()
}

// 打开弹窗
const openDetailDialog = (id: string) => {
  // console.log('idgeren', id);
  username.value = id
  visible.value = true

};


// 暴露变量
defineExpose({
  openDetailDialog
});
</script>